<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
    </head>
    <body>
        <!-- 表格标签--table -->
         <table border="1" width = "500" height = "500" cellpadding = "20" cellspacing = "0" align="left">
            <tr>
                <td>姓名</td>
                <td>性别</td>
                <td>年龄</td>
            </tr> 
            <tr>
                <td >张三</td>
                <td rowspan = "2">男</td>
                <td>18</td>
            </tr> 
            <tr>
                <td>李四</td>
                <!-- <td>男</td> -->
                <td>20</td>
            </tr> 
            <tr>
                <td colspan="2">王五/女</td>
                <!-- <td>女</td> -->
                <td>22</td>
            </tr>
         </table>
        <!--tr--表示行 -->
        <!--td--表示格 -->
         <table border="1" width = "500" height = "500" cellpadding = "20" cellspacing = "0" align="left"> <!-- border="1" 是为了显示表格边框，方便可视化 -->
            <thead>
                <tr>
                <th>学号</th>
                <th>姓名</th>
                <th>数学成绩</th>
                <th>语文成绩</th>
                </tr>                
                <tr>
                <th>性别</th>
                <th>年龄</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                <td>001</td>
                <td>张三</td>
                <td>95</td>
                <td>88</td>
                </tr>
                <tr>
                <td>002</td>
                <td>李四</td>
                <td>90</td>
                <td>92</td>
                </tr>
            </tbody>
            <tbody>
                <tr>
                <td>男</td>
                <td>18</td>
                </tr>
                <tr>
                <td>男</td>
                <td>18</td>
                </tr>
            </tbody>
            </table>
            <!-- thead--包含th -->
            <!-- th--仅表示行，居中加粗 -->
            <!-- tbody--包含tr、td -->

            <!-- table属性 -->
            <!-- align--表格整体对于浏览器页面位置 -->
            <!-- border--边框大小 -->
            <!-- cellpadding-内容距离边框距离 -->
            <!-- cellspacing--单元格之间的距离 -->
            <!-- width/height--宽/高 -->

            <!-- 单元格合并 -->
            <!-- rowspan--跨行合并 -->
            <!-- colspan--跨列合并 -->
    </body>
</html>